.stack-parent {
    left: 0px;
    top: 0px;
    width: 800px;
    height: 480px;
    background-color: #ffffff;
    display: flex;


}
.back-image-1 {
    width: 250px;
    height: 250px;
    border-radius: 130px;
    background-color: #878581;
    left: 420px;
    top: 120px;
    opacity: 0.9;
}
.back-image-2 {
/*    width: 400px;*/
/*    height: 400px;*/
/*    left: 350px;*/
/*    top: 45px;*/
    width: 300px;
    height: 300px;
    left: 395px;
    top: 95px;


    border-radius: 200px;
    background-color: #c5c1ba;
    opacity: 0.9;
}
.cjzd-center {
    width: 100px;
    height: 100px;
    left: 500px;
    top: 200px;
}
.cjzd-motor-div{
    width: 64px;
    height: 64px;
    top: 200px;
    left: 350px;
/*    background-color: cornflowerblue;*/
}
.cjzd-motor-off {
    width: 64px;
    height: 64px;
}
.cjzd-motor-on {
    width: 64px;
    height: 64px;
    left: 560px;
    top: 280px;
}

.cjzd-led-div{
    width: 64px;
    height: 64px;
    left: 500px;
    top: 46px;
/*    background-color: cornflowerblue;*/
}

.cjzd-led-off {
    width: 64px;
    height: 64px;
    left: 500px;
    top: 46px;
}
.cjzd-led-on {
    width: 64px;
    height: 64px;
    left: 500px;
    top: 143px;
}


.bd-radius {
    border-radius: 16px;
}

.divBlock {
    width: 200px;
    height: 60px;
    left: 400px;
    background-color: #ff0000;
}

/*animation-name：设置动画执行后应用到组件上的背景颜色、透明度、宽高和变换类型。*/
/*animation-delay 和 animation-duration：分别设置动画执行后元素延迟和持续的时间。*/
/*animation-timing-function：描述动画执行的速度曲线，使动画更加平滑。*/
/*animation-iteration-count：定义动画播放的次数。*/
/*animation-fill-mode：指定动画执行结束后是否恢复初始状态。*/

.divAnimationStyle {
    animation-duration: 200ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

.backAnimationStyle {
    animation-duration: 3000ms;
    animation-timing-function: linear;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
}

@keyframes motor_animationChange {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(94px);
    }
}
@keyframes motor_animationrestore {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(-94px);
    }
}

@keyframes led_animationChange {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(97px);
    }
}
@keyframes led_animationrestore {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-97px);
    }
}

@keyframes back_animationChange {
    from {
/*        background-color: #ff0000;*/

        width: 300px;
        height: 300px;



    }
    to {
/*        background-color: #0000ff;*/

        width: 400px;
        height: 400px;


    }
}